<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>玩乐产品查询</title>
  <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
  <link rel="stylesheet" href="../../css/forms.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">退出系统</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- navbar-collapse -->
  </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
  <div class="sidebar_content">
    <ul class="nav">
      <li class="active">
        <a href="#" class="nav-link"><i class="fa fa-group"></i>销售中心</a>
        <ul class="link-lop">
          <li><a href="javascript:">旅游产品</a></li>
          <li><a href="javascript:">酒店产品</a></li>
          <li><a href="javascript:">玩乐产品</a></li>
        </ul>
      </li>
      <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
    </ul>
  </div>
</aside>
<!-- 菜单 end -->
<section class="content">
  <div class="con-wap">
    <!-- view start -->

    <ol class="breadcrumb border">
      <li><a href="#">销售中心</a></li>
      <li class="active">玩乐产品查询</li>
    </ol>

    <section class="wl-slid mb20">
      <aside class="slid-as">
        <header class="mb10">
          <div class="input-group">
            <input type="text" class="form-control" placeholder="搜索国家，城市，产品">
            <span class="input-group-btn">
              <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
            </span>
          </div>
        </header>

        <section class="as-con">
          <ul class="media-list J_cmlist">

            <li class="media" data-id="piao">
              <div class="media-left">
                <a href="#">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="image" width="42">
                </a>
              </div>
              <div class="media-body">
                <h4 class="media-heading">票掌柜</h4>
                <p class="link-list">
                  <a href="###">景区门票</a>
                  <a href="###">景区门票</a>
                </p>
              </div>
            </li>

            <li class="media" data-id="dao">
              <div class="media-left">
                <a href="#">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="image" width="42">
                </a>
              </div>
              <div class="media-body">
                <h4 class="media-heading">导掌柜</h4>
                <p class="link-list">
                  <a href="###">景区门票</a>
                  <a href="###">景区门票</a>
                </p>
              </div>
            </li>

            <li class="media" data-id="qian">
              <div class="media-left">
                <a href="#">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="image" width="42">
                </a>
              </div>
              <div class="media-body">
                <h4 class="media-heading">签证</h4>
                <p class="link-list">
                  <a href="###">景区门票</a>
                  <a href="###">景区门票</a>
                </p>
              </div>
            </li>

            <li class="media" data-id="mei">
              <div class="media-left">
                <a href="#">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="image" width="42">
                </a>
              </div>
              <div class="media-body">
                <h4 class="media-heading">美食</h4>
                <p class="link-list">
                  <a href="###">景区门票</a>
                  <a href="###">景区门票</a>
                </p>
              </div>
            </li>

            <li class="media" data-id="zi">
              <div class="media-left">
                <a href="#">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="image" width="42">
                </a>
              </div>
              <div class="media-body">
                <h4 class="media-heading">自由行</h4>
                <p class="link-list">
                  <a href="###">景区门票</a>
                  <a href="###">景区门票</a>
                </p>
              </div>
            </li>

          </ul>

          <div class="wl-flatlist">
            <article class="flat-item" id="piao" hidden>(～￣▽￣)～撒的发生的</article>
            <article class="flat-item" id="dao" hidden> 答复是发生</article>
            <article class="flat-item" id="qian" hidden>--------------</article>
            <article class="flat-item" id="mei" hidden>..</article>
            <article class="flat-item" id="zi" hidden>
              <h4 class="flat-hd">
                <a href="javascript:" class="active">亚洲</a>
                <a href="javascript:">非洲</a>
                <a href="javascript:">大洋洲</a>
                <a href="javascript:">北美</a>
                <a href="javascript:">南美</a>
              </h4>
              <p class="flat-bd">
                <a href="#">台湾</a>
                <a href="#">日本</a>
                <a href="#">河南</a>
                <a href="#">太过</a>
                <a href="#">台湾</a>
                <a href="#">日本</a>
                <a href="#">河南</a>
                <a href="#">太过</a>
                <a href="#">台湾</a>
                <a href="#">日本</a>
                <a href="#">河南</a>
                <a href="#">太过</a>
              </p>
            </article>
          </div>
        </section>
      </aside>

      <section class="slid-sec">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide" style="background: url(http://img.zcool.cn/community/015f6b57b9c7af0000018c1b386d83.jpg@900w_1l_2o_100sh.jpg) no-repeat center/cover"></div>
            <div class="swiper-slide" style="background: url(http://img.zcool.cn/community/01189157b58b5c0000012e7eaf326c.jpg@900w_1l_2o_100sh.jpg) no-repeat center/cover"></div>
            <div class="swiper-slide" style="background: url(../../img/bg2.jpg) no-repeat center/cover"></div>
          </div>
          <!-- Add Arrows -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
      </section>
    </section>

    <section class="commodity">

      <article class="commolist">

        <!-- 产品列表 start-->
        <section class="div-colist">
          <div class="panel panel-default">
            <div class="panel-body">
              <h3 class="no-m">出行必备</h3>
            </div>
          </div>
          <div class="row">

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

          </div>
        </section>

        <section class="div-colist">
          <div class="panel panel-default">
            <div class="panel-body">
              <h3 class="no-m">畅销签证</h3>
            </div>
          </div>
          <div class="row">

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

            <div class="col-md-3">
              <div class="thumbnail collist-thumbnail">
                <a href="javascript:">
                  <img src="http://img.zcool.cn/community/01b30857b3af960000018c1b82b4d6.jpg@900w_1l_2o_100sh.jpg" alt="img" width="100%">
                </a>
                </a>
                <div class="caption">
                  <h4 class="cap-hd"><span>沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店沧海大酒店</span></h4>
                  <h4 class="clearfix">
                    <span class="pull-right text-theme">￥1299 <small>元起</small></span>
                  </h4>
                </div>
              </div>
            </div>

          </div>
        </section>
        <!-- 产品列表 end-->

        <div class="well well-sm">
          <div class="displayt w100b">
            <div class="cell text-center">
              <a href="#">机票</a>
            </div>
            <div class="cell text-center">·</div>
            <div class="cell text-center">
              <a href="#">签证</a>
            </div>
            <div class="cell text-center">·</div>
            <div class="cell text-center">
              <a href="#">火车票</a>
            </div>
            <div class="cell text-center">·</div>
            <div class="cell text-center">
              <a href="#">船票</a>
            </div>
            <div class="cell text-center">·</div>
            <div class="cell text-center">
              <a href="#">门票</a>
            </div>
            <div class="cell text-center">·</div>
            <div class="cell text-center">
              <a href="#">演出票</a>
            </div>
            <div class="cell text-center">·</div>
            <div class="cell text-center">
              <a href="#">当地美食</a>
            </div>
          </div>
        </div>

      </article>
    </section>

    <div class="h360"></div>
    <!-- view end -->
  </div>
</section>


<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
  seajs.use('sales',function (cc) {
    cc.wlIndex();
  });
</script>
</body>
</html>